<p>
    账号：<input type="text" value="admin1">
</p>
<p>
    密码：<input type="text" value="1234">
</p>
<button>登录</button>
<button>注册</button>
<script>
    let persons = [
        { "username": "xiaoming1", "password": "1111" },
        { "username": "xiaoming2", "password": "222" },
        { "username": "xiaoming3", "password": "33333" },
    ]
    /* 
    登录原理：
        如果persons中含有对应的用户名和密码则提示登录成功，否则提示用户名和密码错误
    注册原理：
        如果persons中没有对应的用户，则把user追加到persons末尾
    */
    // 1.点击登录
    var oInp = document.querySelectorAll('input');
    var oBtn = document.querySelectorAll('button');

    oBtn[0].onclick = function(){
        // 在用户列表中循环查找  find(): 查找到返回符合条件的，没有找到返回undefined
        let res = persons.find( (item)=>{
            console.log(item, 'item');
            // return 查找条件：用户名和密码同时一致
            return item.username == oInp[0].value && item.password == oInp[1].value;
        } );
        console.log(res);
        
        // 2. 根据查找结果做判断
        if(res){
            // 有该用户
            alert('登录成功')
        }else{
            // 没有用户
            alert('登录失败')
        }
    }

    // 点击注册
    oBtn[1].onclick = function(){
        // 用户列表中查找是否有该用户
        let res = persons.find( item =>{
            // return 条件：
            return item.username == oInp[0].value;
        } );
        console.log(res);
        if(res){
            // 找到  有用户
            alert("该用户已经注册过")
        }else{
            // 没找到 
            // 添加用户
            persons.push({
                username: oInp[0].value,
                password: oInp[1].value
            });
            alert('可以注册成功');
        }
    }
</script>